﻿<div class="content-wrap">
    <div class="content" style="padding-top: 20px;">
        <div class="sidebar">
            <div class="home-blue-title">
                Did you know?
            </div>
            <div class="home-blue-title-mobile">
                Did you know?
            </div>
            <div class="home-left-text">
                You can click on the “remember me” option and
                you dont have to sign into your account every
                time you visit
            </div>
            <div class="home-left-text-mobile">
                You can click on the “remember me” option and
                you dont have to sign into your account every
                time you visit
            </div>
        </div>
        <div class="main-col">
            <div sustainalytics-navigation-menu navigation-menu-templateurl="/Views/Menu/CategoryMenu.html" navigation-menu-sitemap="CAT"></div>
            <div class="main-col-listing">
                <div class="title-border">Spotlight</div>
                <div id="newsContainer" class="scroll-container">
                    <div class="news-listing" ng-repeat="item in newsList.newsTopList">
                        <div class="news-listing-date" style="font-weight: bold;">{{item.dateCreated | date: 'MMMM d, yyyy'}}</div>
                        <a href="#/news/{{item.id}}" class="news-listing-title" style="white-space: nowrap;  overflow:hidden; display:block; max-width: 530px; text-overflow: ellipsis;" title="{{item.title}}">{{item.title}}</a>
                        <div class="news-listing-content" ng-bind-html="item.body">
                            {{item.body}}
                        </div>
                        <a href="#/news/{{item.id}}">Read full report</a>
                    </div>
                </div>
            </div>
            <div class="clear">&nbsp;</div>
        </div>
    </div>
</div>